<%--
    Document   : report
    Created on : Mar 26, 2013, 11:59:34 PM
    Author     : Francisco Jaramillo
--%>
<%@page import="java.util.List"%>
<%@page import="org.warehouse1.Item"%>
<%@page import="org.manufacturers.PurchaseOrder"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <link href="style.css" rel="stylesheet" type="text/css">
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script type="text/javascript" src="script.js"></script>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Report</title>
    </head>
    <body>
        <div id="wrapper">
            <div class="clear">
                <a href="#" onclick="toggleOrders(); return false;"><h2><img id="arrow2" src="arrow2.png"/>  Orders</h2></a>
                <div id="orders">
                    <div class="report">
                        <a href="#" onclick="$('#manufacturer_1').slideToggle(); return false;"><h3>Manufacturer 1</h3></a>
                        <button onclick="getOrders(1)">refresh</button>
                        <div id="manufacturer_1">                        
                            <div id="orders_1"></div>
                         </div>
                    </div>
                    <div class="report">
                        <a href="#" onclick="$('#manufacturer_2').slideToggle(); return false;"><h3>Manufacturer 2</h3></a>
                        <button onclick="getOrders(2)">refresh</button>
                        <div id="manufacturer_2">                            
                            <div id="orders_2"></div>
                        </div>
                    </div>
                     <div class="report">
                         <a href="#" onclick="$('#manufacturer_3').slideToggle(); return false;"><h3>Manufacturer 3</h3></a>
                         <button onclick="getOrders(3)">refresh</button>
                        <div id="manufacturer_3">                            
                            <div id="orders_3" ></div>
                        </div>
                     </div>
                </div>
            </div>
            <div class="clear">
                <a href="#" onclick="toggleInv(); return false;"><h2><img id="arrow1" src="arrow2.png"/>  Inventories</h2></a>
                <div id="inventories">
                    <div class="report">
                        <a href="#" onclick="$('#warehouse_1').slideToggle(); return false;"><h3>Warehouse 1</h3></a>
                        <button onclick="getInventory(1)">refresh</button>
                        <br/>
                        <div id="warehouse_1">
                            <div id="inventory_1"></div>
                        </div>
                    </div>
                    <div class="report">
                        <a href="#" onclick="$('#warehouse_2').slideToggle(); return false;"><h3>Warehouse 2</h3></a>
                        <button onclick="getInventory(2)">refresh</button>
                        <div id="warehouse_2">
                            <div id="inventory_2"></div>
                        </div>
                    </div>
                     <div class="report">
                         <a href="#" onclick="$('#warehouse_3').slideToggle(); return false;"><h3>Warehouse 3</h3></a>
                         <button onclick="getInventory(3)">refresh</button>
                        <div id="warehouse_3">
                            <div id="inventory_3" ></div>
                        </div>
                     </div>
                </div>
            </div>
        </div>
    </body>
</html>
